<template>
	<view class="flex-column">
		<Header></Header>
		<view class="headertop"></view>
		<view class="banner flex-column flex-center flex-align">
			<view class="banner-wenzi">
				<view class="banner-wenzi-top">智慧水务</view>
				<view class="banner-wenzi-bottom">用3D可视技术搭建物联管控智慧化水务系统</view>
			</view>
		</view>
		<view class="anli flex-column flex-center flex-align">
			<view class="title">应用案例</view>
			<u-swiper :list="list2" keyName="image" showTitle :autoplay="false" circular class="lunbo" height="200">
			</u-swiper>

		</view>
		<view class="linian flex-column flex-center flex-align">
			<view class="title">行业痛点</view>
			<view class="item flex-column flex-center flex-align">
				<view class="waiquan flex-column flex-center flex-align">
					<view class="yuan yuan1"></view>
				</view>
				<view class="item-title">信息分散，数据孤岛</view>
				<view class="item-concent">营销客服、供水调度等业务系统烟囱林立，产生数据割裂现象，数据互通受阻，数据无法支撑业务可持续发展</view>
			</view>
			<view class="item flex-column flex-center flex-align">
				<view class="waiquan flex-column flex-center flex-align">
					<view class="yuan yuan2"></view>
				</view>
				<view class="item-title">数据治理能力弱</view>
				<view class="item-concent">生产运营数据普遍存在丢、少、错、重等现象，缺少有效手段规范化管理，致使数据治理能力弱，影响生产运营效率和质量</view>
			</view>
			<view class="item flex-column flex-center flex-align">
				<view class="waiquan flex-column flex-center flex-align">
					<view class="yuan yuan3"></view>
				</view>
				<view class="item-title">数据利用效率低</view>
				<view class="item-concent">相同的业务需求，因缺少统一的共享标准而需要重复开发数据接口，导致开发和维护成本高，输出的数据</view>
			</view>

		</view>
		<view class="jiejue flex-column flex-center flex-align">
			<view class="title2">解决方案</view>
			<view class="jiejue-pic"></view>
			<view class="juejue-concent">
				基于随点数据治理引擎高效的数据治理能力、灵活的业务开发能力、标准的流程设计能力，并结合在项目上多年沉淀的行业经验，以及专门为解决智慧水务而设计的基本框架，能够完美解决数据孤岛、数据质量差、数据利用率低、水务业务创新难度大等场景痛点。
			</view>
		</view>
		<view class="yewujieshao flex-column flex-center flex-align">
			<view class="title">核心优势</view>
			<view class="yewujieshao-line flex-row flex-between flex-align">
				<view class="yewujieshao-item flex-column flex-center flex-align">
					<view class="yewujieshao-item-pic"></view>
					<view class="yewujieshao-item-title">高效构建海量数据应用</view>
					<view class="yewujieshao-item-concent">随点集成高效的数据引擎，能够轻松构架智慧水务官网检测、水源管控、泵站预警等应用</view>
				</view>
				<view class="yewujieshao-item flex-column flex-center flex-align ">
					<view class="yewujieshao-item-pic2"></view>
					<view class="yewujieshao-item-title">敏捷开发多类工单应用</view>
					<view class="yewujieshao-item-concent">随点内置敏捷的流程引擎，将工作流各个阶段需要的功能实现模块化和流程化，实现快速响应各地营业厅灵活多变的行业需求
					</view>
				</view>

			</view>
			<view class="yewujieshao-line flex-row flex-between flex-align">
				<view class="yewujieshao-item flex-column flex-center flex-align">
					<view class="yewujieshao-item-pic3"></view>
					<view class="yewujieshao-item-title">快速开发炫酷大屏应用</view>
					<view class="yewujieshao-item-concent">随点内置多套行业模板，均经历多个项目实地验证，行业业务锲合度非常高</view>
				</view>
				<!-- <view class="yewujieshao-item flex-column flex-center flex-align ">
					<view class="yewujieshao-item-pic4"></view>
					<view class="yewujieshao-item-title">04</view>
					<view class="yewujieshao-item-concent">音视频融合的应急指挥响应</view>
				</view> -->

			</view>
		</view>
		<Footer></Footer>
	</view>
</template>

<script>
	import Header from '@/commonponet/header/header.vue'
	import Footer from '@/commonponet/footer/footer.vue'
	export default {
		components: {
			Header,
			Footer

		},
		data() {
			return {
				title: '',
				list2: [{
					image: 'https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/water/1-21112G20144P7.jpg',
					title: '智慧水务数字驾驶舱',
				}, {
					image: 'https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/water/1-21112G20252Y9.jpg',
					title: '智慧水务'
				}, {
					image: 'https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/water/1-21112G15923641.jpg',
					title: '智慧水务大数据展示'
				}, ],
			}
		},
		onLoad() {

		},
		onShow() {

		},
		methods: {

		}
	}
</script>

<style>
	.headertop {
		width: 100%;
		height: 88rpx;
	}

	.banner {
		width: 100%;
		height: 448rpx;
		background-image: url('https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/water/banner_sw.jpg');
		background-size: 100%;
	}

	.banner-wenzi {
		width: 90%;
		color: #ffffff;
	}

	.banner-wenzi-top {
		font-size: 36rpx;
		font-weight: 700;
		margin-bottom: 10rpx;
	}

	.anli {
		width: 100%;
		height: 574rpx;
		background-image: url('https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/bg_yyal@2x.png');
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: bottom;
	}

	.title {
		color: #333333;
		font-size: 34rpx;
		font-weight: 600;
		line-height: 120rpx;
	}

	.title2 {
		color: #ffffff;
		font-size: 34rpx;
		font-weight: 600;
		line-height: 120rpx;
	}

	.lunbo {
		width: 90%;
	}

	.linian {
		width: 100%;
		height: 1400rpx;
	}

	.waiquan {
		width: 188rpx;
		height: 188rpx;
		border-radius: 94rpx;
		border: #3485ee 1rpx dashed;
		margin-bottom: 10rpx;
	}

	.yuan1 {
		background-size: 60%;
		background-position: 50%;
		background-repeat: no-repeat;
		background-color: #3485ee;
		width: 130rpx;
		height: 130rpx;
		border-radius: 94rpx;
		box-shadow: rgba(52, 133, 238, 0.2) 0px 7px 29px 0px;
		background-image: url('https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/pic_chuangxin.png');
	}

	.yuan2 {
		background-size: 46%;
		background-position: 50%;
		background-repeat: no-repeat;
		background-color: #3485ee;
		width: 130rpx;
		height: 130rpx;
		border-radius: 94rpx;
		box-shadow: rgba(52, 133, 238, 0.2) 0px 7px 29px 0px;
		background-image: url('https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/pic_wending.png');
	}

	.yuan3 {
		background-size: 46%;
		background-position: 50%;
		background-repeat: no-repeat;
		background-color: #3485ee;
		width: 130rpx;
		height: 130rpx;
		border-radius: 94rpx;
		box-shadow: rgba(52, 133, 238, 0.2) 0px 7px 29px 0px;
		background-image: url('https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/pic_anquan.png');
	}

	.item {
		margin-top: 40rpx;
	}

	.item-title {
		font-size: 28rpx;
		font-weight: 600;
		line-height: 60rpx;
	}

	.item-concent {
		width: 90%;
		color: #666666;
		font-size: 26rpx;
		text-align: center;
	}

	.licheng {
		width: 100%;
		height: 1300rpx;
	}

	.licheng-top {
		width: 90%;
		height: 260rpx;
		margin-top: 40rpx;
		/* background-color: #ffffff;
		border-radius: 10rpx;
		box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; */

	}

	.licheng-top-item {
		width: 38%;
		height: 260rpx;
		background-color: #ffffff;
		border-radius: 10rpx;
		box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
		padding: 30rpx;
	}

	.licheng-top-item-top {
		margin-bottom: 30rpx;
	}

	.licheng-title {
		font-size: 28rpx;
		font-weight: 600;
	}

	.licheng-time {
		position: relative;
		right: -30rpx;
		font-size: 22rpx;
		width: 80px;
		height: 30px;
		background: #FFC244;
		border-radius: 20px 0px 0px 20px;
		text-align: center;
		line-height: 54rpx !important;
	}

	.licheng-concent {
		font-size: 24rpx;
		line-height: 40rpx;
		color: #666666;
	}

	.licheng-concent-dian {
		width: 6px;
		height: 6px;
		background: #FFC244;
		margin-right: 14rpx;
	}

	.licheng-concent-wenzi {
		width: 600rpx;
		font-size: 24rpx;
		line-height: 40rpx;
		color: #666666;
	}

	.jiasu {
		width: 80%;
		height: 400rpx;
		background-color: #ffffff;
		border-radius: 10rpx;
		box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
		padding: 30rpx;
		margin-top: 50rpx;

	}

	.zhuanxing {
		width: 80%;
		height: 260rpx;
		background-color: #ffffff;
		border-radius: 10rpx;
		box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
		padding: 30rpx;
		margin-top: 20rpx;
	}

	.jiejue {
		width: 100%;
		height: 960rpx;
		background-image: url('https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/bg_jiejuefangan.png');

	}

	.jiejue-pic {
		width: 90%;
		height: 380rpx;
		background-image: url('https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/water/Solut8_2.jpg');
		background-size: 100%;
		background-repeat: no-repeat;

	}

	.juejue-concent {
		width: 84%;
		height: 274rpx;
		padding: 20rpx;
		background-color: rgba(9, 22, 40, 0.2);
		margin-top: 30rpx;
		font-size: 26rpx;
		color: #ffffff;
	}

	.yewujieshao {
		width: 100%;
		height: 1100rpx;
	}

	.yewujieshao-line {
		width: 90%;
		height: 600rpx;
	}

	.yewujieshao-item {
		width: 48%;
	}

	.yewujieshao-item-pic {
		width: 100%;
		height: 202rpx;
		background-image: url('https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/park/Solut12.jpg');
		background-size: 100%;
	}

	.yewujieshao-item-pic2 {
		width: 100%;
		height: 202rpx;
		background-image: url('https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/park/Solut13.jpg');
		background-size: 100%;
	}

	.yewujieshao-item-pic3 {
		width: 100%;
		height: 202rpx;
		background-image: url('https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/park/Solut14.jpg');
		background-size: 100%;
	}

	.yewujieshao-item-pic4 {
		width: 100%;
		height: 202rpx;
		background-image: url('https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/park/Solut15.jpg');
		background-size: 100%;
	}

	.yewujieshao-item-title {
		font-size: 30rpx;
		font-weight: bold;
		color: #333333;
		margin-top: 20rpx;

	}

	.yewujieshao-item-concent {
		font-size: 26rpx;
		color: #666666;
		margin-top: 20rpx;
		text-align: center;
		height: 106rpx;
	}
</style>
